<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<style>
body { min-width: 400px; font-size: 12px; color: #666; }
#resultTable { width: 100%; margin: 0; padding: 0; border-collapse: collapse; border: solid 1px #eee; }
#resultTable th { background-color: #f1f1f1; }
#resultTable td { border-bottom: solid 1px #eee; }
#resultTable th, #resultTable td { padding: .2em .7em; text-align: left; }
#logs { max-width: 600px; max-height: 10em; overflow-x: hidden; overflow-y: auto; white-space: nowrap; }
.field { white-space: nowrap; }
.error { color: red; }
.total { color: blue; }
.redirect { color: orange; }
.hidden { display: none; }
</style>
<script src="jquery.js"></script>
<textarea id="template">
<table id="resultTable">
<tr>
	<th>{{type}}</th>
	<th>{{total}}</th>
	<th>{{error}}</th>
	<th>{{redirect}}</th>
</tr>
<tr>
	<td>{{image}}</td>
	<td class="field total" data="total.image.length">&nbsp;</td>
	<td class="field error" data="error.image.length">&nbsp;</td>
	<td class="field redirect" data="redirect.image.length">&nbsp;</td>
</tr>
<tr>
	<td>{{anchor}}</td>
	<td class="field total" data="total.anchor.length">&nbsp;</td>
	<td class="field error" data="error.anchor.length">&nbsp;</td>
	<td class="field redirect" data="redirect.anchor.length">&nbsp;</td>
</tr>
<tr>
	<td>{{iframe}}</td>
	<td class="field total" data="total.iframe.length">&nbsp;</td>
	<td class="field error" data="error.iframe.length">&nbsp;</td>
	<td class="field redirect" data="redirect.iframe.length">&nbsp;</td>
</tr>
<tr>
	<td>{{link}}</td>
	<td class="field total" data="total.link.length">&nbsp;</td>
	<td class="field error" data="error.link.length">&nbsp;</td>
	<td class="field redirect" data="redirect.link.length">&nbsp;</td>
</tr>
<tr>
	<td>{{script}}</td>
	<td class="field total" data="total.script.length">&nbsp;</td>
	<td class="field error" data="error.script.length">&nbsp;</td>
	<td class="field redirect" data="redirect.script.length">&nbsp;</td>
</tr>
<tr>
	<td colspan="4">
		<div id="logs" class="error"></div>
		<a id="recheck" href="#nogo">{{recheck}}</a>
		|
		<a class="showLog" data="error" href="#nogo">{{showError}}</a>
		|
		<a class="showLog" data="redirect" href="#nogo">{{showRedirect}}</a>
		|
		<a class="showLog" data="total" href="#nogo">{{showTotal}}</a>
		|
		<a class="toggle" href="#nogo">{{showBrief}}</a>
		<p id="statusBrief" class="hidden">{{statusBrief}}</p>
	</td>
</tr>
</table>
</textarea>
<script src="popup.js"></script>
</head>
<body>
</body>
</html>